// 专家列表页面
define({
	title:'professor',
	body:`
	<div class='body'>
		<div class='topHeader'>
			<span class='top-pageLogo'>重庆市农业气象精细化智能服务平台</span>
			<span class='top-pageName'>运行监控子系统</span>
			<div class='top-homebar'>
				<span class='nav-home'>首页</span>
				<a class='nav-map'  data-panel="pageOneMap">地图</a>
				<span class='nav-locate'>当前位置</span>
			</div>
		</div>
		<div id='professor'>
			<div class='professor-content'>
				<div class='list-content'>
					<div class='pro-title'>
						<hr/>
						<span>专家团队</span>
					</div>
					<div class='pro-content'>
						<span class='pro-detail-closbtn' id='clostBtn1'>
							<span class='closbtn-icon'></span>
						</span>
						<div class='pro-left'>
							<div class='turnBtn'></div>
						</div>
						<div class='pro-right'>
							<div class='turnBtn'></div>
						</div>
						<div class='pro-center'>
							<div class='pro-center-content'>
								
								<div class='pro-center-content-item item1'>
									<div class='item-card'>
										<div class='item-card-pic'>
											<img src='images/professor.png' />
										</div>
										<div class='item-card-text'>
											<p>姓名：专家1</p>
											<p>地区：渝北区</p>
											<p>联系电话：12345678901</p>
										</div>
									</div>	
								</div>
								<div class='pro-center-content-item item2'></div>
								<div class='pro-center-content-item item3'></div>

								<div class='pro-center-content-item item4'></div>
								<div class='pro-center-content-item item5'></div>
								<div class='pro-center-content-item item6'></div>
								
								<div class='pro-center-content-item item7'></div>
								<div class='pro-center-content-item item8'></div>
								<div class='pro-center-content-item item9'></div>
							</div>
						</div>
						
					</div>
				</div>
				<div class='pro-detail-content'>
					<span class='pro-detail-closbtn'  id='clostBtn2'>
						<span class='closbtn-icon'></span>
					</span>
					<div class='pro-detail-info'>
						<div class='pro-detail-info-pic'>
							<img src='images/professor.png' />
						</div>
						<div class='pro-detail-info-right'>
							<div class='pro-detail-info-tag'>
								<span>专家介绍</span> 
							</div>
							<div class='pro-detail-info-text'>
								<div>
								
									<p><strong>姓名</strong>：姚雄</p>
									<p><strong>单位</strong>：重庆市气象局</p>
									<p><strong>专家类型</strong>：水稻</p>
									<p><strong>关注地区</strong>：永川</p>
									<p><strong>联系方式</strong>：18716682606</p>
									<p>
										<strong>专家介绍</strong>：1982年7月毕业于山东农业大学土化系。1982年一至今，在山东省土壤肥料总站工作。2000年12月被评为推广研究员，2011年被聘为三级研究员。另被聘为农业厅棉花专家、现代农业项目专家、万名科技人员下乡专家、第一次全国水利普查专家等，两次当选中国土壤学会理事。2000年被评为青年团中央、农业部、科技部、环保局“秸秆禁烧和综合利用先进个人”、2009年被评为农业部、国土部“基本农田保护先进个人”。
									</p>
								</div>
							</div>
						</div>
						
						
					</div>
					<hr/>
					<div class='pro-detail-news'>
						<div class='pro-detail-news-QRcode'>
							<div class='pro-detail-news-QRcode-btn'></div>
							<div class='pro-detail-news-QRcode-code'></div>
							<div class='pro-detail-news-QRcode-text'>
								<p>扫描二维码关注</p>
							</div>
						</div>
						<div class='pro-detail-news-tags'>
							<div class='pro-detail-news-tag'>
								<span>最新互动信息</span> 
							</div>
						</div>
						<div class='pro-detail-news-QA'>
							<div class='pro-detail-news-QA-content'>
								<div class='pro-detail-news-QA-item'>
									<p class='pro-detail-news-Q'>
										如何确认您的数字证书已正确安装？
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
									<p class='pro-detail-news-A'>
										如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
								</div>
								<div class='pro-detail-news-QA-item'>
									<p class='pro-detail-news-Q'>
										如何确认您的数字证书已正确安装？
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
									<p class='pro-detail-news-A'>
										如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
								</div>
								<div class='pro-detail-news-QA-item'>
									<p class='pro-detail-news-Q'>
										如何确认您的数字证书已正确安装？
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
									<p class='pro-detail-news-A'>
										如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
								</div>
								<div class='pro-detail-news-QA-item'>
									<p class='pro-detail-news-Q'>
										如何确认您的数字证书已正确安装？
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
									<p class='pro-detail-news-A'>
										如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。如在本网站“真伪查询”栏目查询结果为假且确认输入无误，请到当地工商、消协部门投诉。
										<span class='pro-detail-news-data'>2018-03-01 16:26:43 </span>
									</p>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	`,
	init: function (pageData) {
		var $view = this
		// 获取hash
		function getHash(url) {
			url = url || location.href
			return url.replace(/^[^#]*#?\/?(.*)\/?$/, '$1')
		}
		$view.on('click', '.nav-map', function (event) {
			event.preventDefault()
			$doc.trigger("spa:navigate", {
				hash: "pageOneMap"
			})
		})

		$view.on('click', '.nav-home', function (event) {
			event.preventDefault();
			$doc.trigger("spa:navigate", {
				hash: ""
			})
		})
		$('.pro-center-content-item').on('click',function (event) {
			event.preventDefault()
			$('.pro-detail-content').show();
			$('.list-content').hide();
		})
		$('#clostBtn1').on('click', function (event) {
			event.preventDefault()
			$doc.trigger("spa:navigate", {
				hash: ""
			})
		})
		$('#clostBtn2').on('click', function (event) {
			event.preventDefault()
			$('.pro-detail-content').hide();
			$('.list-content').show();
		})
	},
	afteropen: function () {
		//加载图表
		let h5 = `
			<div class='item-card'>
				<div class='item-card-pic'>
					<img src='images/professor.png' />
				</div>
				<div class='item-card-text'>
					<p>姓名：专家1</p>
					<p>地区：渝北区</p>
					<p>联系电话：12345678901</p>
				</div>
			</div>
		`;
		$('.pro-center-content .pro-center-content-item').each(function () {
			$(this).empty();
			$(this).append($(h5))
		})
	}
});